<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script src="./jqurey.min.js"></script>
</head>
<body>

    <button id="btnGET">不带参数的GET请求</button>
    <button id="BtnGET">带单个参数的GET请求</button>
    <button id="btnPOST">点击提交POST请求</button>
    
    <script>
        $(function(){
            $('#btnGET').on('click', function(){
                $.get('http://liulongbin.top:3006/api/getbooks',function(res){
                    console.log(res);
                })
            })
        })

         $(function () {
                $('#BtnGET').on('click', function () {
                    $.get('http://liulongbin.top:3006/api/getbooks',{ id: 1 } , function(res){
                       console.log(res);
                    })
                })
        })

         $(function () {
            $('#btnPOST').on('click',function () {
                $.post('http://liulongbin.top:3006/api/addbook',{bookname:'网络爬虫' , author:'黑马程序员' , publisher:'中国铁道出版社'} , function(res){
                         console.log(res);
                    })
                })
            })

    </script>
</body>
</html>